<template>
  <el-card class="box-card title_content">
    <span v-if="topTitle.type">{{ topTitle.type }} / </span
    ><span class="bold">{{ topTitle.text }}</span
    ><span> - {{ topTitle.msg }}</span>
    <div class="slot_content">
        <slot></slot>
    </div>
  </el-card>
</template> 

<script>
export default {
  name: "ConTitle",
  props: ["topTitle"],
};
</script>

<style scoped lang="scss">
.title_content {
  text-align: left;

  span:nth-of-type(1) {
    color: gray;
  }

  span:nth-of-type(2) {
    font-size: 17px;
    font-weight: bold;
  }
    span:nth-of-type(3) {
    font-size: 14px;
  }

  .slot_content{
      width: 100%;
      box-sizing: border-box;
  }
}
</style>